<template>
    
        <div class="ji_txt">
            <h2>机智软件</h2>
            <ul class="jul">
                <li v-for="(item,index) in res" v-bind:key='index'>
                    <a href="###">
                        <img v-bind:src="item.sa" alt="">
                        <span>{{item.ta}}</span>
                    </a>
                </li>
            </ul>
        </div>
</template>
<script>
import ja from '@/assets/11-27jz5158/ja.png';
import jb from '@/assets/11-27jz5158/jb.png';
export default {
    data(){
        return {
            res:[
                {sa:ja,ta:'机智软件-高级版'},
                {sa:jb,ta:'机智软件-机构版'},
            ]
        }
    }
}
</script>
<style lang="scss">
.ji_txt{
    width: 90%;
    margin:0 auto;
    ul.jul{
        width: 100%;
        margin-bottom: 10px;
        display: flex;
        justify-content: space-between;
        li{
            width: 46%;
            height: 254px;
            a{
                width: 100%;
                height: 100%;
                img{
                    display: block;
                    width: 100%;
                    height: 224px;
                }
                span{
                    display: block;
                    width: 100%;
                    height: 30px;
                    line-height: 30px;
                    color: #333333;
                    font-size: 18px;
                    text-indent: 10px;
                }
            }
        }
    }
}
</style>